import React from 'react'
// 01: 引入 useRoutes 这个hooks
import { useRoutes } from 'react-router-dom';
// 导入路由规则数组routes
import routes from './routes'

type Props = {}

export default function Index({ }: Props) {
    // 02: 使用该hooks, useRoutes 创建一个路由规则对象,用来代替 下面Routes 这个路由规则
    const element = useRoutes(routes)
    return (
        // 使用路由规则对象
        <>
            {element}
        </>
    )
}